<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.js"></script>
</head>
<body>
<style type="text/css">
td.postsadd{
    font-size:10px;
    font:ariel;
    font-color:Blue
  }
th.bottomlinetd{
	border-style:double;
	border-right: hidden; 
	border-left: hidden; 
	border-top: hidden;
	border-color: blue
}
table.bottomlinetable{
	border-right: hidden; 
	border-left: hidden; 
	border-top: hidden; 
	border-collapse: collapse;
    border: 3px yellow;"
}
</style>
<script>
 function altertabs(curtabs){
	 if(curtabs == "alert"){
		 $("#postaddsdiv").hide("slow");
		 $("#alertsdiv").show("slow");
	 }
	 else{
		 $("#postaddsdiv").show("slow");
		 $("#alertsdiv").hide("slow");
	 }  
 }
</script>
<div id="header"> 
<table width="30%">
	<tr>
		<td onclick="altertabs('alert');">
		    <table width="100%" border="1" class="bottomlinetable">
		    	<tr>
		    		<th class="bottomlinetd" width="20%" bgcolor="Blue">
		    			Alerts
		    		</th>
		    		<th class="bottomlinetd">&nbsp;</td>
		    		<th class="bottomlinetd">&nbsp;</td>
		    		<th class="bottomlinetd">&nbsp;</td>
		    		<th class="bottomlinetd">&nbsp;</td>
	  		 	</tr>
	  		</table>
	  	</td>
	</tr>
	<tr>
		<td>
			<div id="alertsdiv" style="display: none">
			</div>
		</td>
	</tr>
	<tr>
	  <td onclick="altertabs('postad');">
	  	<table width="100%" border="1" class="bottomlinetable">
		    	<tr>
		    		<th width="20%" bgcolor="Blue">
		    			Post Ads
		    		</th>
		    		<th class="bottomlinetd">&nbsp;</td>
		    		<th class="bottomlinetd">&nbsp;</td>
		    		<th class="bottomlinetd">&nbsp;</td>
		    		<th class="bottomlinetd">&nbsp;</td>
	  		 	</tr>
	  		</table>
	  </td>
	</tr>
	<tr>
	  <td>
		<div id="postaddsdiv" style="display: block">
			<table>
			  <tr>
			  	<td class="postsadd">
			  	   Category:
			  	</td>
			  	<td class="postsadd">
			  	   <select name="category">
			  	   	  <option value="">Selet One</option>
			  	      <option value="House Rent">House Rent</option><option value="Electronics">Electronics</option>
			  	      <option value="Vehicle">Vehicle</option>
			  	      <option value="Books">Books</option>
			  	      <option value="Car Pooling">Car Pooling</option>
			  	      <option value="Land">Land</option>
			  	   </select>
			  	</td>
			  </tr>
			  <tr>
			  	<td class="postsadd">
			  	   Buy/Sell
			  	</td>
			  	<td>
			  	   <input type="radio" name="buysell" value="buy"> Buy
				   <input type="radio" name="buysell" value="sell"> Sell 
			  	</td>
			  </tr>
			  <tr>
			  	<td class="postsadd">
			  	   Price
			  	</td>
			  	<td>
			  	   <input type="text" name="price" value=""/> 
			  	</td>
			  </tr>
			  <tr>
			  	<td class="postsadd">
			  	   Quantity
			  	</td>
			  	<td>
			  	   <input type="text" name="quantity" value=""/> 
			  	</td>
			  </tr>
			  <tr>
			  	<td class="postsadd">
			  	   Features/Comments
			  	</td>
			  	<td>
			  	   <input type="text" name="features" value=""/> 
			  	</td>
			  </tr>
			  <tr>
			  	<td align="center" colspan="2">
			  		<input type="button" value="Post" onclick="javascript:submitform()">
			  	</td>
			  </tr>
			</table>
		</div>
		</td>
	</tr>
</table>
</div>
</body>
</html>
